<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <title>项目分月收益展示</title>
    <link rel="stylesheet" href="/css/xark/style.css">
    <link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<div class="grey_bg_outside_box">
    <a href="/projectIncome">
        <button type="button" class="btn btn-primary">
            <i class="fa fa-align-center"></i> &nbsp; 更新项目分月收益情况
        </button>
    </a>
    <div class="main_content_box">

        <div class="legal_entity_status height-auto mt20">
            <div class="legal_entity_status_chart whole_box">
                <div class="chart_content_tip">
                    <span class="fl mr20">项目分月收益展示</span>
                    <span class="pos-rel flex-1"><i class="icon-mark"></i>
                    <span class="tips-mark new2">统计了上周重点检查项目中加分的部门数量。</span></span>
                    <select class="chooseQuarter" id="chooseQuarter3">
                        <option value="">2020年</option>
                    </select>
                    <!--  <select class="chooseWeek" id="chooseWeek3">
                          <option value="">所有星期</option>,
                      </select>-->

                </div>

                <div class="col-lg-6 white_shd">
                    <div id="testCharts" style="width: 1030px;height:400px;"></div>
                </div>
                <!--                <div class="status_chart_container h410" id="main"></div>-->

                <!--                <div class="col-lg-6 white_shd">-->
                <!--                    <div id="testCharts" style="width: 550px;height:400px;"></div>-->
                <!--                </div>-->

            </div>
        </div>

    </div>
</div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@1/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@1/dist/ecStat.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/extension/dataTool.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/map/js/china.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/map/js/world.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/extension/bmap.min.js"></script>

<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('testCharts'));

    var option = {
        title: {
            text: ''
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['项目1', '项目2', '项目3', '项目4', '项目5']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '项目1',
                type: 'line',
                stack: '收益',
                data: [11000, 24000, 13000, 15000, 22000, 17000, 18000, 14500, 15600, 10700, 15700, 9200]
            },
            {
                name: '项目2',
                type: 'line',
                stack: '收益',
                data: [7000, 11600, 8000, 6000, 7000, 5600, 4050, 4500, 6100, 4500, 2450, 5200]
            },
            {
                name: '项目3',
                type: 'line',
                stack: '收益',
                data: [9700, 8200, 14600, 5400, 5070, 4080, 10500, 11800, 9200, 8150, 13720, 7000, 7380]
            },
            {
                name: '项目4',
                type: 'line',
                stack: '收益',
                data: [16500, 13000, 9600, 15600, 14000, 13100, 9300, 17200, 12500, 11800, 8600, 13300]
            },
            {
                name: '项目5',
                type: 'line',
                stack: '收益',
                data: [25000, 13800, 12500, 17200, 8100, 8200, 13300, 8800, 10100, 9130, 11730, 17140]
            }
        ]
    };
    myChart.setOption(option);

</script>

</body>
</html>
